<template lang="html">
	<div class="minenavs">
		<ul>
			<router-link tag='li' to='/mine/mysubject'>
				<i>
					<img src="../../assets/icon/class.png" alt="">
				</i>
				我的课程
			</router-link>
			<router-link tag='li'  to='/mine/myorder'>
				<i>
					<img src="../../assets/icon/order.png" alt="">
				</i>
				订单管理
			</router-link>
			<router-link tag='li' to='/mine/mycollect'>
				<i>
					<img src="../../assets/icon/shoucang.png" alt="">
				</i>
				我的收藏
			</router-link>
			<router-link tag='li' to='/mine/myrecord'>
				<i>
					<img src="../../assets/icon/watch.png" alt="">
				</i>
				
				观看记录
			</router-link>
		</ul>
	</div>
</template>
<script></script>
<style lang="less" scoped>
	.minenavs{
		width: 100%;
		height:100px;
		ul{
			width: 100%;
			text-align:center;
			li{
				width:25%;
				float: left;
				i{
					display: block;
					width: 25px;
					height: 25px;
					margin: 10px auto;
					img{
						width: 100%;
						height: 100%
					}
					
				}
			}
		}
	}
</style>